﻿<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <title>江南一点雨</title>

  <link href="css/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet">
  <link href="css/style.css" rel="stylesheet">

</head>
<body>


<div class="materialContainer">
  <div class="box">
    <div class="title">江南一点雨-登录</div>
    <form action="/login.html" method="post">
      <div class="input">
        <label for="name">用户名</label>
        <input id="name" name="username" type="text">
        <span class="spin"></span>
      </div>
      <div class="input">
        <label for="pass">密码</label>
        <input id="pass" name="password" type="password">
        <span class="spin"></span>
      </div>
      <div>
        <label for="name">验证码</label>
        <input id="code" name="verify-code" type="text">
        <span class="spin"></span>
        <img alt="" src="/verify-code">
      </div>
      <div class="button login">
        <button type="submit">
          <span>登录</span>
          <i class="fa fa-check"></i>
        </button>
      </div>
    </form>
    <a class="pass-forgot" href="javascript:">忘记密码？</a>
  </div>

  <div class="overbox">
    <div class="material-button alt-2">
      <span class="shape"></span>
    </div>
    <div class="title">江南一点雨-注册</div>
    <div class="input">
      <label for="regname">用户名</label>
      <input id="regname" name="regname" type="text">
      <span class="spin"></span>
    </div>
    <div class="input">
      <label for="regpass">密码</label>
      <input id="regpass" name="regpass" type="password">
      <span class="spin"></span>
    </div>
    <div class="input">
      <label for="reregpass">确认密码</label>
      <input id="reregpass" name="reregpass" type="password">
      <span class="spin"></span>
    </div>
    <div class="button">
      <button>
        <span>注册</span>
      </button>
    </div>
  </div>

</div>

<script src="js/jquery.min.js"></script>
<script src="js/index.js"></script>

</body>
</html>
